<template>
  <div>
    <div>
      <!--卡片区域-->
      <el-card class="box-card">
        <span><h1>任务管理</h1></span>
        <hr :noshade="true" />
        <br>
        <el-row>
          <el-col :span="4">
            <span>任务名</span>
            <el-input placeholder="请输入任务名称"></el-input>
          </el-col>
          <el-col :span="4" :offset="1">
            <span>任务类型</span>
            <div>
              <el-select placeholder="请选择任务类型">
                <el-option></el-option>
              </el-select>
            </div>
          </el-col>
          <el-col :span="4" :offset="1">
            <span>执行人</span>
            <div>
              <el-select placeholder="请选择管理员">
                <el-option></el-option>
              </el-select>
            </div>
          </el-col>
          <el-col :span="4" :offset="1">
            <span>责任人</span>
            <div>
              <el-select placeholder="请选择责任人">
                <el-option></el-option>
              </el-select>
            </div>
          </el-col>
          <el-col :span="4" :offset="1">
            <div>
              <span>生效日期</span>
              <el-date-picker type="datetime" placeholder="提醒时间">
              </el-date-picker>
            </div>
          </el-col>
          <el-col :span="4" >
            <span>任务描述</span>
            <el-input placeholder="请输入任务描述"></el-input>
          </el-col>
        </el-row>
      </el-card>
    </div>
    <div>
      <el-card class="box-card1">
        <span><h1>添加任务成员</h1></span>
        <hr :noshade="true" />
      </el-card>
    </div>
  </div>
</template>

<script>
export default {
  name: 'welCome'
}
</script>

<style scoped>
  .box-card1{
    margin-top: 10px;
  }
</style>
